<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/>
    <title>天鼎投资·与牛共舞</title>
    <link rel="stylesheet" type="text/css" href="css/styleUI.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
    <style>
        /*轮播图自定义样式*/
        .swiper-container {
            background-color: #ffffff;
            padding-top: .2rem;
            padding-bottom: 2rem;
        }

        .swiper-slide {
            background-color: #f8f8f8;
            height: 5rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-box-orient: vertical;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .swiper-slide img {
            max-width: 100%;
            max-height: 100%;
            vertical-align: bottom;
        }

        .swiper-pagination-bullet-active {
            background-color: #d50000;
        }
    </style>
</head>
<body>
<div id="page" class="uf uf-ver">
    <div id="header" class="uf uf-ac">
        <a href="index.html" class="uf-f nav">首页</a>
        <a href="calendar.html" class="uf-f nav">财日历</a>
        <a href="liveVideo.html" class="uf-f nav hot">牛直播</a>
        <a href="achievement.html" class="uf-f nav">晒战绩</a>
        <a href="team.html" class="uf-f nav active">团队介绍</a>
    </div>
    <div id="navigation" class="uf uf-ac uf-pja">
        <a href="team.html" class="nav active">企业介绍</a>
        <a href="team_teacher.html" class="nav">名师团队</a>
        <a href="team_product.html" class="nav">了解产品</a>
        <a href="team_account.html" class="nav">合作账户</a>

    </div>


    <div id="container" class="uf-f u-scroll secondBg">
        <div class="introVideo">
            <video src="http://video1.yngw518.com/UploadFiles/xia_sp/201706/xcp.mp4"
                   poster="image/static/introVideo.jpg"
                   x-webkit-airplay="true"
                   webkit-playsinline="true"
                   playsinline="true"
                   x5-video-player-type="h5"
                   x5-video-player-fullscreen="true" controls></video>
        </div>

        <div class="introText">
            江苏天鼎投资咨询有限公司成立于1995年9月18日,
            注册地址：南京市洪武路198号城开大厦A栋701室，注册资金2000万元人民币。是南京市最早一家经中国证监会批准，获得证券执业资格的专业金融服务机构。目前，公司独家打造的大型金融互动节目在CCTV-证券资讯频道、兵团卫视、东南卫视、吉林卫视、宁夏卫视、江苏教育等多家媒体频道火爆上线。
            <div class="moreInfo">
                <p>
                    江苏天鼎投资咨询有限公司成立于1995年9月18日,注册地址：南京市洪武路198号城开大厦A栋701室，注册资金2000万元人民币。是南京市最早一家经中国证监会批准，获得证券执业资格的专业金融服务机构。目前，公司独家打造的大型金融互动节目在CCTV-证券资讯频道、兵团卫视、东南卫视、吉林卫视、宁夏卫视、江苏教育等多家媒体频道火爆上线。获得众多投资者和同行的一致好评!
                </p>

                <p>
                    公司秉承“以人为本，以智聚财”的经营理念，聚集了一批业内精英，凭借雄厚的综合实力、深厚的行业背景，历经20多年的发展，成为华东地区最早的也是最为专业的集投资咨询与基金管理与一身的智力密集型企业之一。公司依托资本市场，积极为企业投资、融资，并购重组、上市发行等资本运作提供具有专业水准和全局眼光的投资顾问服务，不断实现客户“稳健经营、持续发展”的理想。同时，公司以实现价值为己任，以价值发现和价值创造为主要业务思路，依托有效的知识型组织和网络化资源，不断推出专业化、精品化、个性化的高层次财经企划和资本运营咨询服务，从而提升企业价值和实现企业家的价值。
                </p>

                <p>
                    公司将继续本着业务专业化、人员职业化、管理规范化的要求，围绕资本市场的金融创新，以“打造中国专业度第一名的投资理财平台”为愿景，致力于引领行业方向、创建行业标准，成为一家集证券咨询、财务顾问、私募基金管理等为一体的新型综合性证券金融公司。
                </p>
            </div>
            <a onclick="moreInfo(this)" class="more"></a>
        </div>

        <!-- 轮播图 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="image/static/licence1.jpg"></div>
                <div class="swiper-slide"><img src="image/static/licence2.jpg"></div>
                <div class="swiper-slide"><img src="image/static/licence3.jpg"></div>
                <div class="swiper-slide"><img src="image/static/licence4.jpg"></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <div class="photos">
            <!-- 多张图片的排版 -->
            <table style="width: 100%;" cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td style="padding-right: 1%">
                        <img width="100%" src="image/static/photo7.jpg">
                    </td>
                    <td width="51%">
                        <img width="100%" src="image/static/photo6.jpg">
                    </td>
                </tr>
            </table>
            <table style="width: 100%;" cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td width="53.65%">
                        <img width="100%" src="image/static/photo1.jpg">
                        <img width="100%" src="image/static/photo2.jpg">
                    </td>
                    <td style="padding-left: 1%">
                        <img width="100%" src="image/static/photo3.jpg">
                    </td>
                </tr>
            </table>
            <table style="width: 100%;" cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td width="49.75%">
                        <img width="100%" src="image/static/photo4.jpg">
                    </td>
                    <td style="padding-left: 1%">
                        <img width="100%" src="image/static/photo5.jpg">
                    </td>
                </tr>
            </table>

        </div>

    </div>

    <div id="footer" class="uf">
        <a href="index.html" class="uf-f uf uf-ver uf-ac uf-pc active">
            <div class="footIcon"></div>
            资讯</a>
        <a href="liveVideo.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            直播室</a>
        <a href="vip.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            VIP专享</a>
    </div>
</div>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        swipeInit();
    });

    //了解更多
    function moreInfo(ele) {
        var $ele = $(ele);
        if ($ele.hasClass("show")) {
            $ele.removeClass("show");
            $(".moreInfo").hide();
        } else {
            $ele.addClass("show");
            $(".moreInfo").show();
        }
    }

    //轮播图初始化
    function swipeInit() {
        new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',//分页器（小点）
            paginationClickable: true,//分页器是否可点击
            autoplay: 3000,//自动轮播，毫秒数
            autoplayDisableOnInteraction: false,//用户手动操作后，是否停止自动轮播
            loop: true,//环路
            touchRatio: 0.5,//触摸距离与slide滑动距离的比率,默认：1,设置为0.5后slide滑动距离只有触摸距离的一半，降低滑动灵敏度
            lazyLoading: true,//允许图片的懒加载
            lazyLoadingInPrevNext: true,//允许将图片的懒加载应用到最接近的slide的图片（前一个和后一个slide）
            lazyLoadingOnTransitionStart: true,//图片的懒加载在过渡一开始就加载
            observer: true,//当Swiper元素变化时，例如window.resize，Swiper更新
            observeParents: true,//当Swiper的父元素变化时，例如window.resize，Swiper更新
            slidesPerView: 3,
            spaceBetween: 10,
            centeredSlides: true,
            initialSlide: 1
        })
    }


    //todo 微信中页面图片预览功能初始化，前提需要接入微信SDK才能使用
    function previewImageInit() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) != "micromessenger") {
            //如果不是在微信中打开，结束函数
            return;
        }
        var imgUrlArr = [];
        var $img = $("img");
        $img.each(function (index, item) {
            imgUrlArr.push($(item)[0].src);
        });
        $img.click(function () {
            var curUrl = $(this)[0].src;
            //需要接入微信SDK
            wx.previewImage({
                current: curUrl, // 当前显示图片的http链接
                urls: imgUrlArr // 需要预览的图片http链接列表
            });
        });
    }


</script>

</body>
</html>